<!DOCTYPE html>
<html lang="zh_cn">

<head>
    <title>关于此网站 | Scratch 程序小程序网站</title>
	<link rel="icon" href="picture.ico" type="image/x-icon"/>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="Norm Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script>
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }

    </script>
    <!-- //Meta tag Keywords -->
    <!-- Custom-Files -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <!-- font-awesome-icons -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome-icons -->
    <!-- /Fonts -->
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
    <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i" rel="stylesheet">
    <!-- //Fonts -->
</head>

<body>
    <!-- mian-content -->
    <div class="main-content" id="home">
        <!-- header -->
        <header class="header">
            <div class="container">
                <!-- nav -->
                <nav class="py-2">
                    <div id="logo">
                        <h1> <a class="navbar-brand" href="index.html">Scratch<span>Programs</span> </a>
                        </h1>
                    </div>

                    <label for="drop" class="toggle">菜单</label>
                    <input type="checkbox" id="drop" />
                    <ul class="menu">
                        <li><a href="index.html">主页</a></li>
						<li><a href="file.html">归档</a></li>
						<li>
                            <!-- First Tier Drop Down -->
                            <label for="drop-2" class="toggle">推荐网站<span class="fa fa-angle-down" aria-hidden="true"></span> </label>
                            <a href="#">推荐网站<span class="fa fa-angle-down" aria-hidden="true"></span></a>
                            <input type="checkbox" id="drop-2" />
                            <ul>
                                <li><a href="https://scratch.mit.edu/">Scratch官方网站</a>
                                </li>
                                <li><a href="https://kada.163.com/">网易有道卡搭编程</a>
                                </li>
                            </ul>
                        </li>
						<li>
                            <!-- Second Tier Drop Down -->
                            <label for="drop-3" class="toggle">资源下载<span class="fa fa-angle-down" aria-hidden="true"></span> </label>
                            <a href="#">资源下载<span class="fa fa-angle-down" aria-hidden="true"></span></a>
                            <input type="checkbox" id="drop-3" />
                            <ul>
                                <li><a href="https://pan.baidu.com/s/1qrRjeV1xbINjlfy69FbWLg">素材下载</a>
                                </li>
                                <li><a href="https://share.weiyun.com/5kSSoCK">离线编辑器下载</a>
                                </li>
                            </ul>
                        </li>
                        </li>
                        <li class="active"><a href="about.html">关于此网站</a></li>
                      <li class="header-right">
                            <ul class="list-unstyled team-icons mt-4">
                                <li>
                                    <a href="#" class="t-icon">
                                        <span class="fa fa-facebook-f"></span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="t-icon">
                                        <span class="fa fa-twitter"></span>
                                    </a>
                                </li>


                            </ul>
                        </li>

                    </ul>
                </nav>
                <!-- //nav -->
            </div>
        </header>
        <!-- //header -->
        <div class="banner-w3pvt-info second">
            </div>
        </div>
    </div>

    <!-- //banner -->
    <!-- banner-bottom -->
    <section class="about py-5" id="about">
        <div class="container py-md-5">
            <div class="row about-w3pvt-top mt-2">
                <div class="col-lg-6 about-info">
                    <h4 class="title-w3ls mb-5"><strong>Scratch是什么？</strong></h4>
                    <p><strong>Scratch是麻省理工学院的“终身幼儿园团队”开发的图形化编程工具，主要面对青少年开放。目前已有1.4版、2.0版本（增加克隆积木，Lego和Makey makey拓展积木）、3.0版本（增加视频侦测、文字朗读、翻译等选择性下载扩展积木，并增加micro：bit和Lego mindstorms EV3拓展积木）。所有人可以在任意版本中创作自己的程序。</strong></p>
                </div>
                <div class="col-lg-6 about-img">
                    <img src="images/img2.jpg" class="img-fluid" alt="">
                </div>

            </div>
        </div>
    </section>
    <!-- //banner-bottom-->
	    <!-- contact -->
    <section class="banner-bottom py-5">
        <div class="container py-lg-5">
            <h3 class="title-w3ls text-center"><strong>关于我们</strong></h3>
            <div class="text-center">
                <p><strong>这个网站创立于2019年初春，2018年秋，希望创办一个Scratch的一站化式教学网站，经过一年的艰苦探索，终于创立了一个这样的简单网站。<br>
                请注意:本网站所使用的在线编辑器来自网易卡达，在线编辑器网页及账号的最终解释权归网易公司所有。</strong></p>
			  </div>
      </div>
      </div>
    </section>
    <!-- //contact -->
     <!-- contact -->
    <section class="contact py-5" id="contact">
        <div class="container py-lg-5">
          <h3 class="title-w3ls two text-center">我们在哪里</h3>
          <div class="text-center">
            <p class="main_p4 mt-4 mb-4 pt-2 text-center mx-auto"></p>
            </div>
            <div class="row contact-top">
                <div class="col-lg-6 contact_grid_left">
                    <ul class="list-unstyled wthreem-items">
                        <li>
                            <div class="row">
                                <div class="col-3">
                                    <span class="fa fa-university"></span>
                                </div>
                                <div class="col-9">
                                    <h6>学校</h6>
                                    <p>攀枝花市
                                  <br>第十八中小学校</p>
                                </div>
                            </div>
                        </li>
                        <li class="mt-3">
                            <div class="row">
                                <div class="col-3">
                                    <span class="fa fa-envelope"></span>
                                </div>
                                <div class="col-9">
                                    <h6>Email</h6>
                                    <p>104305268@qq.com</p>
                              </div>
                            </div>
                        </li>
                        <li class="mt-5">
                            <div class="row">
                                <div class="col-3">
                                    <span class="fa fa-qq"></span>
                                </div>
                                <div class="col-9">
                                    <h6>QQ群</h6>
                                    <p>389903964</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
				 <div class="col-lg-6 contact_grid_right">
                    <form action="#" method="post">
            </div>
        </div
        ></div>
    </section>
    <!-- //contact -->
    <div class="copy-right">
        <div class="container">
            <div class="row">
                <p class="copy-right-grids text-md-left text-center my-sm-4 my-4 col-md-6">© 2018-2020 Minecraft ZBD Studio 保留部分权利 | Design by LXYZBD</p>
                <div class="w3pvt-footer text-md-right text-center mt-4 col-md-5"></div>
                <div class="move-top text-right col-md-1"><a href="#home" class="move-top"> <span class="fa fa-angle-up  mb-3" aria-hidden="true"></span></a></div>

            </div>
        </div>
    </div>

</body>

</html>
